import React, { Component } from 'react';
import './index.scss'
import NormalChat from '../normalChat'
import ReduceChat from '../ReduceChat'
interface IProps {
    
}

interface IState {
    flag: boolean
}



class index extends Component<IProps, IState> {

      constructor(props:IProps) {
          super(props);
          this.state = {
            flag: false
          }
      }



    render() {
        return (
            <div>
                {this.state.flag ?<NormalChat chageFlag= {():void=> {this.setState({flag:false})}}/> :
                 <ReduceChat chageFlag= {():void=> {this.setState({flag:true})}}/>}
                
            </div>
         
        );
    }
}

export default index;
